
<!--//=========================<script réalisé par :BOUFTIH FADWA>===================-->


<!doctype html>
<html >
    </head>
         <meta charset="utf-8" />
	
         <title> Ma première Page</title>

            <meta name="viewport" content="width=device-width, initial-scale=1">
            <link rel="stylesheet" href="css/jquery.mobile-1.3.2.min.css" />
            <script src="js/jquery-1.9.1.min.js"></script>
            <script src="js/jquery.mobile-1.3.2.min.js"></script>
             <script src="http://code.jquery.com/jquery-latest.js"></script>
    </head>

    <body >
	
        <div data-role="page"  data-theme="d"  data-add-back-btn="true">
             <div data-role="header" data-theme="a">
                 <a href="home.php" data-role="button" data-icon="delete">Back</a>
                 <h1>PLANNING </h1>
                  <a href="deconnecterSession.php">Déconnexion</a>
             </div></br>

  
            <fieldset data-role="controlgroup" > 
        <div data-role="header">
            <span class="ui-title">Liste des taches de la semaine </span> 
        </div>
            <form action="planning.php" method="post" >
                  <select name="tache" >
                       {foreach $tabdesignation as $elt}
                        <option >{$elt}</option>
                        {/foreach}
                        </select ></br>
                        <input id="btnOk" type="submit" value="valider" />   
                   </form>
               </fieldset> 
               <a href="detailPlanning.php" id="aDetails" data-role="button" data-theme="b" data-icon="ok">Détails</a></br>  
             <div data-role="header">
   <span class="ui-title">Consulter les taches qui vous sont confiées </span>
            <!--{foreach $tabtache as $elt}
                            <p >{$elt}</p>
                            {/foreach} -->
             </div>

             <form>
                 
                 <input name="text-1" id="text-1" value="" type="text" placeholder="Tapez votre Id ici">
              </form>


		 
                    <a href="detailPlanning.php" data-role="button" data-theme="b" data-icon="ok">OK</a> </br></br>
        


        <div data-role="footer">
              <h4> Designed by Média-FAST</h4>
        </div><!-- /footer -->
      </div><!-- /page -->
 
        
   <script type="text/javascript">
      
    $("#aDetails").hide();            // au début le lien (a) va etre caché 
    $("#btnOk").click(function () {   // lors du click sur le bouton ok on affiche le lien détails
    $("#aDetails").show();           //show pour afficher le bouton détail ( lien détails ) 
    });

   </script>

</body>  